﻿@model List<MsForgeReboot.Framework.ViewModels.CarouselViewModel>
        <div id="myCarousel" class="carousel slide">
          <ol class="carousel-indicators">
              @for (int i = 0; i < Model.Count; i++) {
                  <li data-target="#myCarousel" data-slide-to="@i"></li>
              }
         </ol>
         <!-- Carousel items -->
         <div class="carousel-inner">
           @for (int i = 0; i < Model.Count; i++) {
               var active = (i == 0) ? "active" : "";
               <div class="@active item">
                   <div class="jumbotron">
                       <div class="carousel-caption">
                           <h4>@Model[i].Title</h4>
                           <p class="lead">@Model[i].Body</p>
                       </div>
                   </div>
               </div>
           }               
           <!--<div class="active item">
               <div class="jumbotron"><h1>New User group meeting!</h1><div class="carousel-caption"><p class="lead">A new meeting for BLA was scheduled!</p></div></div>
           </div>
            <div class="item"><div class="jumbotron"><h1>Featured <br />speaker!</h1><p class="lead">A new featured speaker!</p></div></div>
            <div class="item"><div class="jumbotron"><h1>Featured crap!</h1><p class="lead">Ablaaaaaaa</p></div></div>-->
          </div>
          <!-- Carousel nav -->
          <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>

